<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>Phenomenon | Services</title>
<!-- CSS -->
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<link rel="stylesheet" href="css/tipsy.css" type="text/css" />
<link rel="stylesheet" href="css/superfish.css" type="text/css" />
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
	<link rel="stylesheet" type="text/css" href="css/ie7.css">
<![endif]-->
<!-- Scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/Harabara.js"></script>
<script src="js/superfish.js"></script>
<script src="js/css_browser_selector.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/tipsy.js"></script>
<script src="js/bluz.js"></script>
</head>
<body id="sub-page">
<!-- site-wrapper START here -->
<div id="site-wrapper">
  <!-- header START here -->
  <header>
    <!-- container START here -->
    <div class="container">
      <!-- logo START here -->
      <div id="logo">
        <h1><a href="index.html"><img src="images/logo2.png" alt="" /></a></h1>
      </div>
      <!-- logo END here -->
      <div id="login-holder"> <a href="#login-box" class="sml-btn green">Login</a> </div>
      <!-- navigation START here -->
      <ul class="sf-menu">
        <li><a href="index.html">Home</a></li>
        <li><a href="page.html">Company</a>
          <ul>
            <li><a href="full-width.html">Layout Options</a></li>
            <li><a href="#">Level #3</a>
              <ul>
                <li><a href="#">Just For Demonstration Purposes</a></li>
                <li><a href="#">Demonstration</a></li>
                <li><a href="#">Purposes</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="current_page_item"><a href="services.html">Services</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="pricing.html">Pricing</a></li>
        <li><a href="blog.html">Blog</a>
           <ul>
              <li><a href="single.html">Single Post</a></li>
           </ul>
        </li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      <!-- navigation END here -->
      <div id="pagename">
        <div class="inside">
          <h2>Services</h2>
          <p class="breadcrumbs">You are here : <a href="#">Home</a> / Services</p>
        </div>
      </div>
    </div>
    <!-- container END here -->
  </header>
  <!-- header END here -->
  <!-- content START here -->
  <div id="content">
    <!-- container START here -->
    <div class="container">
        <!-- one_half START here -->
        <div class="one_half">
        <img src="images/services-icons/support.png" alt="" class="alignleft icon" /> 
        <h3>Life-Time Support</h3>
        <p>Mauris laoreet nunc id neque vehicula commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed justo erat, pellentesque non aliquet quis, viverra ut Quisque id pellentesque Nemo enim ipsam voluptatem aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
        </div>
        <!-- one_half END here -->
        <!-- one_half START here -->
        <div class="one_half no-margin">
        <img src="images/services-icons/installer_box.png" alt="" class="alignleft icon" /> 
        <h3>Providing all popular CMS's</h3>
        <p>Mauris laoreet nunc id neque vehicula commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed justo erat, pellentesque non aliquet quis, viverra ut Quisque id pellentesque Nemo enim ipsam voluptatem aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
        </div>
        <!-- one_half END here -->
        <!-- one_half START here -->
        <div class="one_half">
        <img src="images/services-icons/chart_bar.png" alt="" class="alignleft icon" /> 
        <h3>Life-Time Support</h3>
        <p>Mauris laoreet nunc id neque vehicula commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed justo erat, pellentesque non aliquet quis, viverra ut Quisque id pellentesque Nemo enim ipsam voluptatem aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
        </div>
        <!-- one_half END here -->
        <!-- one_half START here -->
        <div class="one_half no-margin">
        <img src="images/services-icons/color_wheel.png" alt="" class="alignleft icon" /> 
        <h3>Providing all popular CMS's</h3>
        <p>Mauris laoreet nunc id neque vehicula commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed justo erat, pellentesque non aliquet quis, viverra ut Quisque id pellentesque Nemo enim ipsam voluptatem aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
        </div>
        <!-- one_half END here -->
    </div>
    <!-- container END here -->
  </div>
  <!-- content END here -->
</div>
<!-- site-wrapper END here -->
<!-- footer START here -->
<footer>
  <!-- container START here -->
  <div class="container">
    <div id="footer-colums">
      <!-- footer-colum1 START here -->
      <div class="footer-colum">
        <h4>Company</h4>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Jobs</a></li>
        </ul>
      </div>
      <!-- footer-colum1 END here -->
      <!-- footer-colum2 START here -->
      <div class="footer-colum">
        <h4>Useful Links</h4>
        <ul>
          <li><a href="#">Affiliate Sign Up</a></li>
          <li><a href="#">Affiliate Login</a></li>
          <li><a href="#">Control Panel Login</a></li>
        </ul>
      </div>
      <!-- footer-colum2 END here -->
      <!-- footer-colum3 START here -->
      <div class="footer-colum">
        <h4>Contact Methods</h4>
        <ul>
          <li><a href="#">Live Chat</a></li>
          <li><a href="#">support@companyname.com</a></li>
          <li><a href="#">1-800-MYCOPMANY - toll free</a></li>
          <li><a href="#">1-234-567-8901 - Local Number</a></li>
        </ul>
      </div>
      <!-- footer-colum3 END here -->
      <!-- footer-colum4 START here -->
      <div class="footer-colum no-margin">
        <h4>From The Blog</h4>
        <ul>
          <li><a href="#">New hosting plan</a></li>
          <li><a href="#">Buy hosting plan - get 1 domain for life.</a></li>
          <li><a href="#">HostingCompany celebrates 2 years!</a></li>
          <li><a href="#">August special offers</a></li>
          <li><a href="#">Hiring! we are looking for designers</a></li>
        </ul>
      </div>
      <!-- footer-colum4 END here -->
    </div>
  </div>
  <!-- container END here -->
  <!-- bottom-footer START here -->
  <div id="bottom-footer">
    <!-- container START here -->
    <div class="container">
      <p class="alignleft">&copy; 2010 All Rights Reserved.</p>
      <ul id="social-list" class="alignright">
        <li><a href="#" rel="tipsy" title="Monthly Newsletter"><img src="images/social-icons/email.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Facebook"><img src="images/social-icons/facebook.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Twitter"><img src="images/social-icons/twitter.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Flickr"><img src="images/social-icons/flickr.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Last FM"><img src="images/social-icons/lastfm.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Linked In"><img src="images/social-icons/linkedin.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Myspace"><img src="images/social-icons/myspace.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Skype"><img src="images/social-icons/skype.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Stumble Upon"><img src="images/social-icons/stumbleupon.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Youtube"><img src="images/social-icons/youtube.png" alt="" /></a></li>
      </ul>
    </div>
    <!-- container END here -->
  </div>
  <!-- bottom-footer END here -->
</footer>
<!-- footer END here -->
<div class="hidden">
  <div id="login-box">
    <form action="" method="post">
      <label for="login-username">Username:</label>
      <input type="text" name="login_username" id="login-username" />
      <label for="login-password">Password:</label>
      <input type="text" name="login_password" id="login-password" />
      <div class="submit-block"> <span class="alignleft">
        <input name="" type="checkbox" value="" class="checkbox" />
        Remember me</span> <span class="alignright">
        <input type="submit" name="submit" id="login-submit" value="Login" class="sml-btn grey" />
        </span> </div>
      <a href="#" class="lostpass">Lost your password or username?</a>
    </form>
  </div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script src="js/init_form.js"></script>
</body>
</html>
